<template>
 <div id="app">
    <div>
      <div
        style="display: inline-block"
        v-for="(item,index) in arr" :key="index"
      >
        <input type="checkbox" :value="item" v-model="list" />
        <span>{{item}}</span>
      </div>
      <p>你选中的元素, 累加的值和为: {{num}}</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
       arr: [9, 15, 19, 25, 29, 31, 48, 57, 62, 79, 87],
       list:[]
    }
},
computed:{

  num(){
return this.list.reduce((t,c)=>{
  return t+c
},0)
  }
}
}
</script>
